export default function(props:any){
    const name=props.className;
    let className='w-svg';
    if(name){
        className+=' '+name;
    }
    let fn=props.onClick;
    let fnClick;
    if(fn){
        fnClick=(e:any)=>{
            fn(e);
        };
    }
    return (
        <span onClick={fnClick} className={className} style={{fontSize:props.fontSize,color:props.color}}>
            <svg viewBox="0 0 1024 1024" width="1em" height="1em" fill="currentColor">
                <path d="M944 352 80 352c-8.822 0-16 7.178-16 16l0 478c0 26.634 23.366 50 50 50l800 0c25.366 0 46-22.43 46-50L960 368C960 359.178 952.822 352 944 352z"></path>
                <path d="M914 192 430 192c-5.582 0-8.542-1.17-12.188-4.816l-45.002-45.002-0.336-0.324C362.73 132.666 354.722 128 338 128L114 128c-27.57 0-50 20.634-50 46l0 148.752c5.008-1.776 10.39-2.752 16-2.752l864 0c5.61 0 10.992 0.976 16 2.752L960 238C960 211.346 940.654 192 914 192z"></path>
            </svg>
        </span>
    )
}